<div class="col-sm-5 offset-sm-1 col-md-6 offset-md-3 col-lg-4 offset-lg-4 box-shadow-2">
	<div class="card border-grey border-lighten-3 px-2 my-0 row">
		<div class="card-header no-border pb-1">
			<div class="card-body">
				<h2 class="error-code text-center mb-2">404</h2>
				<h3 class="text-uppercase text-center">Page Not Found !</h3>
			</div>
		</div>
		<div class="card-content px-2">
			<fieldset class="row py-1">
				<div class="input-group col-12">
					<input type="text" class="form-control border-grey border-lighten-1" placeholder="Search..." aria-describedby="button-addon2">
					<span class="input-group-append" id="button-addon2">
						<button class="btn btn-lg btn-secondary border-grey border-lighten-1" type="button"><i class="la la-search"></i></button>
					</span>
				</div>
			</fieldset>
			<div class="row py-2">
				<div class="col-12">
					<a href="index.html" class="btn btn-primary btn-block btn-lg"><i class="la la-home"></i> Back to Home</a>
				</div>
			</div>
		</div>
		<div class="card-footer no-border pb-1">
			<div class="text-center">
			    <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span class="la la-facebook"></span></a>
			    <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span class="la la-twitter"></span></a>
			    <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-linkedin"><span class="la la-linkedin font-medium-4"></span></a>
			    <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span class="la la-github font-medium-4"></span></a>
			</div>
		</div>
	</div>
</div>